{{indexmenu_n>14}}

====== Insert Screenshots ======

==== Insert Screenshots into the page you are editing ====
{{opencpn:dev:media_slash_documents_download_links.png?550|Media Links}}

In **DW Editor** Location of the Insert Media **Picture Icon** shown above in the red circle (7th button from the right, a brown rectangle).
Also shows the DW Edit %%{{image.png|Alternative Hover Text Title}}%% and the result when saved.

{{:opencpn:dev:insert-media-popup-window.jpg?550|Insert Media Popup Window}}

In the **DW Editor**, use the **Picture Icon** to take you to the Media Manager pop-up window.
Browse to the specific file and select it. 
Another small window will appear, Pick "Insert".
In the text of your DW Editor, you will find  %%{{:opencpn:dev:cad.png?200|(insert link title here)}}%%
Put your link title in and that's about it.

**Be sure to properly format and configure these images!** \\
1. No Spaces in the Filenames.png!!!!\\
2. Width of the image must be 550px or less.

